<template>
  <view class="map-location-container">
    <vue3-map
      @commitCheck="commitCheck"
      mapKey="02539cdc76a9eb6c9afd0969cd2656c2"
    ></vue3-map>
    <!-- :Radius="Radius"
      :showResetting="showResetting"
      :listIco="listIco"
      :orientationIco="orientationIco"
      :resettingIco="resettingIco"
      :configData="configData" -->
  </view>
</template>

<script setup lang="ts">
import { reactive } from "vue";

const data = reactive({
  mapKey: "1961a517a5c8a8b9d2c99c34a6a59c2e",
  address: "",
  latitude: "",
  longitude: "",
  listIco: "/uni_modules/vue3-map/static/item-inx.png",
  orientationIco: "/uni_modules/vue3-map/static/map-inx.png",
  resettingIco: "/uni_modules/vue3-map/static/position.png",
  showResetting: true,
  Radius: "",
  // 微信公众号jsSdk配置
  configData: {
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: "", // 必填，公众号的唯一标识
    timestamp: "", // 必填，生成签名的时间戳
    nonceStr: "", // 必填，生成签名的随机串
    signature: "", // 必填，签名
  },
});
const emit = defineEmits(["changeCheck"]);
const commitCheck = (e: any) => {
  console.log(e, 565);
  emit("changeCheck", e);
};
</script>

<style scoped lang="scss">
.map-location-container {
  .map-min-box {
    height: 75vh;
  }
  :deep(.amap-logo) {
    display: none !important;
  }
  :deep(.amap-copyright) {
    display: none !important;
  }
}
</style>
